<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片标签练习</title>
</head>
<body>
<!-- 图片标签
src属性：指定图片路径
    相对路径：
        同一级目录下的图片，直接写图片名称即可；
        下一级目录下的图片，需要写上一级目录名称，再写图片名称即可；
        多级目录下:../pic/2.png
    绝对路径：统一资源定位符，形如：http://www.baidu.com/pic/1.png
width属性：指定图片宽度，像素px/百分比
height属性：指定图片高度
-->
<h1 style="color: red">相对路径</h1>
<img src="头像.jpg" width="100px">
<img src="imgs/1.png" width="50%">
<img src="../pic/2.png" title="这是idea项目结构图" width="200">
<h1 style="color: red">绝对路径</h1>
<img src="htps://picx.zhimg.com/v2-82a3d61aeda82f5f296e783a96e095dc_1440w.jpg?source=7e7ef6e2" alt="小米手机图片">
</body>
</html>